@import "mixins.less";


#tarvel {
    font-size: 14px;
     margin-bottom: 0.5rem;
     .travel-header{
         background-color: rgba(0, 0, 0, 0.4);
     }
    #tarvel-content{
         .max-width();
           .swiper-container {
               .ske(452/750*100%);
           }
           .classifying{
                 .w(750);
                 margin: 0 auto;
               height: 1.06rem;
               display: flex;
               justify-content: space-evenly;
               align-items: center;
               a{
                   color: black;
                   text-align: center;
                   div:first-child{
                       width: 0.5rem;
                       height: 0.5rem;
                        border-radius: 50%;
                        background-color: #4ca8f5;
                        padding: 0.065rem;
                     img {
                         .imgBlock();
                         width: 100%;
                     }
                   }
                   div:last-child{
                       margin-top: 0.05rem;
                   }
                  &:nth-child(2){
                        div:first-child{
                            background-color: #ff9f26;
                        }
                  }
                   &:nth-child(3) {
                       div:first-child {
                           background-color: #f75232;
                       }
                   }
                    &:nth-child(4) {
                        div:first-child {
                            background-color: #96ea3c;
                        }
                    }
               }
           }
           .img-ad{
               height: 1.5379*2rem;
                 .w(750);
                margin: 0 auto;
               border: 0.015rem solid #cecece;
               margin-bottom: 0.18rem;
               .pic{
                   width: 2.24rem;
                   height: 1.5379rem;
                   float: left;
                   position: relative;
                   background-color: #f9f9f9;
                   overflow: hidden;
                   &::before{
                       content: '';
                       display: block;
                       position: absolute;
                       top: 0;
                       right: 0;
                       width: 0.355rem;
                       height: 0.355rem;
                       background: url("../images/icon/sprites.png") no-repeat;
                       background-size: 3.75rem auto;
                       background-position: -2.52rem -3.57rem;
                   }
                   &:nth-child(1){
                       border-bottom: 0.03rem solid #cecece;
                   }
                   &:nth-child(2){
                       width: 1.48rem;
                       border: 0.03rem solid #cecece;
                       border-top: 0;
                       border-right: 0;
                   }
                    &:nth-child(3) {
                        width: 1.48rem;
                        border-right: 0.03rem solid #cecece;
                    }
                   a{
                       display: block;
                       height: 100%;
                       img{
                           .imgBlock();
                       }
                   }
               }
           }
           .sale{
               .title{
                    .textVC(0.3rem);
                    color: #4ca8f5;
                    font-weight: normal;
                    letter-spacing: 0.03rem;
                    img{
                       vertical-align: middle;
                       height: 0.15rem;
                    }
                i{
                    background-position: -2.32rem -1.25rem;
                    top:0;
                }
               }
           }
        
    }

 .tabbar {
     a:nth-child(1) {
         color: blue;
     }
 }

}
